@import url("global.css");
@import url("iconfont.css"); /* unicode iconfont & class iconfont */
@import url('animate.css');
@import url('swiper.css');
@import url('lightgallery.css');

::selection{background:#182fa3;color:#fff;}
body{font-family:'Microsoft YaHei';color:#333;line-height:20px;}
a{color:#333;}a:hover{color:#0062b4;} /* link-visited-hover-active */

.side {
	position: fixed;
	width: 60px;
	right: 10px;
	bottom: 120px;
	margin-top: -250px;
	z-index: 100;
	border-bottom: 0
}
.side ul li {
border-bottom:solid 1px #aed0f9;
	width: 60px;
	height: 60px;
	float: left;
	position: relative;
 background:#002e69;
	color: #252525;
	font-size: 14px;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer; margin:0;-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2); box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
}
.side ul li:last-child{border-bottom:none;}
.side ul li:hover {
	background: #002e69;
	color: #fff
}
.side ul li:hover i {
	color: #fff
}
.side ul li a {
	color: #333
}
.side ul li:hover a {
	color: #fff
}
.side ul li p{ line-height:60px;}
.side ul li p img{ vertical-align:middle}

.side ul li .sidebox {
	position: absolute;
	width: 78px;
	height: 78px;
	top: 0;
	right: 0
}
.side ul li.sidetop {
	background: #ed6d00;
	color: #fff
}
.side ul li.sidetop i {
	color: #fff
}
.side ul li.sidetop:hover {
	opacity: .8;
	filter: Alpha(opacity=80)
}
.side ul li.sidetel .telBox.son {
		width:180px; text-align:left; font-size:13px;
	display: none;
	color: #333; background:#fff;
    padding:14px 5PX; line-height:2;	
	position: absolute;
	left: -190px;
	top: 0;
	border: 1px solid #e0e0e0;
box-sizing: border-box;
}
.side ul li.sidetel .telBox_jp.son{ width:200px;left: -210px;}
.side ul li.sidetel .telBox.son a{color: #333;}
.side ul li.sideewm .ewBox.son {
	width: 180px;
	display: none;
	color: #333; background:#fff;
	text-align: center;
    padding:20px 0;	
	position: absolute;
	left: -190px;
	top: 0;
	border: 1px solid #e0e0e0;
box-sizing: border-box;
}
.side ul li.sideewm .ewBox.son img{ max-width:80%; text-align:center; margin:0 auto;}


.side ul li:hover .son {
	display: block!important; position:relative;
	-webkit-animation: fadein 1s;
	animation: fadein 1s
}   
.side ul li:hover .son:before {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    background-color: #fff;
    position: absolute;
    right: -6px;
    top: 23px;
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
} 


@media (min-width:1025px){/* DESKTOPS */
body{font-size:14px;}
.w{display:flex;justify-content:space-between;box-sizing:border-box;max-width:1343px; width:100%;margin:0 auto;}
.reverse{flex-direction:row-reverse;}
.column{flex-direction:column;}
header{position:fixed;z-index:99;top:0;left:0;right:0;height:114px;transition:all 0.3s ease-out 0s;}
header.two{background:#002e69;}
header.four{background:#002e69;}
header.five{background:#002e69;}
header.absolute{position:absolute;top:0;left:0;right:0;background:#002e69;}
	.hea{display:flex;justify-content:space-between;}
		.healog{padding:23px 0;}
			.healog a{display:block;}
			.healog img{}
		.heanav{}
			nav{}
				nav>ul{ display: flex;}
				nav>ul>li{float:left;position:relative;
                    /* padding:0 20px; */
                    padding-right:30px
                }
                nav>ul>li:last-child{ padding-right: 0;}
				nav>ul>li>a{position:relative;z-index:1;display:block;
				height:114px; padding:42px 0; line-height:1.8;
				text-transform:uppercase;font-size:18px;color:#fff;}
				.heanav_en nav>ul>li>a{ font-size:16px;}
				nav li a.on{}
				nav li ul{display:none;position:absolute;z-index:9;top:114px;left:0;width:200px;background:rgba(255,255,255,1);}
				nav li li{}
				nav li li a{display:block;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;font-weight:normal;padding:0 20px;text-transform:capitalize;}
				nav li li a:before{content:'';display:block;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.05);height:1px;}
				nav li li a:after{content:'';display:block;position:absolute;top:50%;right:20px;width:10px;height:10px;border-top:1px solid #333;border-right:1px solid #333;transform:translateY(-50%) rotate(45deg);transition:all ease-out 0.3s;left:auto;background:transparent;}
				nav li li a:hover{padding:0 30px;background:#0062b4;color:#fff;}
				nav li li a:hover:after{right:30px;border-top:1px solid #fff;border-right:1px solid #fff;}
		.healan{}
			.healan a{display:inline-block;line-height:114px;color:#fff;position:relative;font-size:18px;padding:0 12px;}
			.healan a:before{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;width:1px;height:16px;background:#fff;}
			.healan a:first-child:before{display:none;}

#menu{ height: 129px; width: 130px; position: fixed; z-index: 10; left: 4%; top: 50%; transform: translateX(-50%) translateY(-50%); overflow: hidden; display:none;}
#menu ul{ position: relative; }
#menu ul li{ color: #777777; font-size: 12px; line-height: 25px; height: 25px; margin: 0 0 3px 0; float: left; width: 100%; cursor: pointer; position: relative; background:none; }
#menu ul li dd{opacity:0; width: 25px; height: 1px; background: #fff; position: absolute; top: 12px; right: 75px; transition: width 0.3s,background 0.3s; }
#menu ul li a{ opacity:0; padding-left:60px; display:inline-block; font-size:12px;color:#fff;}
/* #menu ul li.active a{ opacity:1;} */
#menu ul li.active dd{ width: 50px; background:#fff;}
#menu.on ul li dd{ background:#bbbbbb;}
#menu.on ul li.active dd{ background:#777;}
#menu.on ul li.active a{ color:#333;}

footer{
	background:#F5F5F5;background:#f9f9f9;
}
footer.absolute{position:absolute;bottom:0;left:0;right:0;}
	.foo{overflow:hidden;padding:60px 0;}
	.foo_en{overflow:hidden;padding:30px 0;}
		/* .foonav{width: calc(100% - 300px);} */
			.foonav>ul{display: flex;}
			.foonav>ul>li{float:left;margin-right:110px;}
            .foo_en .foonav>ul>li{margin-right:80px;}
			.foonav>ul>li:last-child{margin-right:0;}
			.foonav>ul>li>a{display:block;height:45px;font-weight:bold;font-size:18px;text-transform: uppercase;color: #002e69;}
			.foo_en .foonav>ul>li>a{font-size:16px;}
			.index_en .foonav>ul>li>a{font-size:16px;}
			.foonav>ul>li>a:hover{}
			.foonav>ul>li li a{opacity:0.8;font-size:14px;}
			.foonav>ul>li>ul{}
			.foonav>ul>li>ul>li{line-height:2.2;}
			.index_en .foonav>ul>li>ul>li{line-height:2;}
			.foonav>ul>li>ul>li>a{font-size:14px;color:#787878;}
		.foocon{position:relative;
		/***margin-left:80px;***/
		}
        .foo_en .foocon{margin-left:80px}
			.foocon h3{font-weight:bold;font-size:18px;height:45px;text-transform: uppercase;color: #002e69;}
			.index_en .foocon h3{font-size:16px;}
			.foocon p{line-height:2.2;color:#787878;}
			.index_en .foocon p{ line-height:2}
	.cop{text-align:center;border-top:1px solid #cdcdcd;}
		.coptel{padding:73px 0;}
			.coptel h4{float:left;font-size:20px;line-height:54px;margin:0 20px 0 0;color:#002e69;font-weight:normal;}
			.coptel i{float:left;display:block;width:37px;height:54px;background:url(../images/icontel.png) no-repeat center center;margin:0 20px 0 0;}
			.coptel div{float:left;}
			.coptel span{display:block;font-size:20px;line-height:27px;}
		.copqrc{padding:50px 0;}
		.index_en .copqrc{padding:30px 0;}
		.index_en .coptel {
    padding: 53px 0;
}
			.copqrc ul{}
			.copqrc li{float:left;margin:0 0 0 25px;}
			.copqrc li p{color:#999}
			.copqrc li figure img{width:80px;height:80px;}
		.copcon{line-height:30px;padding:0 0 20px;}
		.coprig{line-height:30px;padding:0 0 20px;}
}
@media (min-width: 1025px) and (max-width: 1280px){
	.foonav>ul>li{float:left;margin-right:100px;}
	.coptel{padding:45px 0;}
    .copqrc {padding: 20px 0;}
	.foo_en {
    overflow: hidden;
    padding: 30px 0;
}
.foo_en .foocon p{line-height:2; font-size:13px;}
.index_en .foo_en{ padding:30px 0 0;}
.index_en .foo_en .foocon h3{ margin:0 0 10px;}
.index_en .foo_en .foonav>ul>li>a{ margin:0 0 10px;}
.index_en .foonav>ul>li>ul>li>a{ font-size:13px;}
.foo_en .foonav>ul>li>ul>li>a{ font-size:13px;}
.index_en .foonav>ul>li>ul>li {
    line-height: 1.8;
}
.foonav>ul>li>ul>li {
   
}
}

@media (max-width:1024px){/* MOBILE */
body{font-size:12px;padding:80px 0 0;}
header{position:fixed;z-index:99;top:0;left:0;right:0;transition:all 0.3s ease-out 0s;background:#002e69;}
	.hea{}
		.healog{float:left;padding:20px;}
			.healog a{display:block;}
			.healog img{height:40px;}
		.heanav{}
			nav{}
				nav>span{position:absolute;z-index:99;top:10px;right:10px;display:block;width:60px;padding:5px 15px;box-sizing:border-box;}
				nav>span:after{content:'导航菜单';clear:both;position:absolute;top:30px;right:0;width:60px;text-align:center;color:#fff;text-align:center;}
				nav>span i{display:block;content:'';width:100%;height:2px;background:#fff;margin:6px 0;transition:all 0.3s ease-out 0.1s;}
				nav>span.on i:nth-of-type(1){transform:translateY(8.5px) rotate(45deg);}
				nav>span.on i:nth-of-type(2){opacity: 0;}
				nav>span.on i:nth-of-type(3){transform:translateY(-8.5px) rotate(-45deg);}
				nav ul{position:fixed;z-index:3;right:-300px;bottom:0;top:80px;width:300px;background:rgba(255,255,255,1);box-shadow:0 30px 30px rgba(0,0,0,0.1);transition:all ease-out 0.3s;}
				nav ul.on{right:0;}
				nav ul li{position:relative;}
				nav ul li i{position:absolute;z-index:1;top:0;right:0;width:40px;height:40px;background:rgba(0,0,0,0.1);text-align:center;line-height:40px;font-style:normal;}			
				
				nav li a{display:block;line-height:40px;font-size:14px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);text-transform: uppercase;}
				nav li a span{display:none;}
				nav li a:hover{background:#df9e28;color:#fff;}
				nav li ul{display:none;position:static;overflow:hidden;box-shadow:none;background:none;}
				nav li ul.on{display:block;}
				nav li li{float:left;width:50%;}
				nav li li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#999;}
		.healan{position:absolute;top:30px;left:50%;transform:translateX(-50%);margin:0 0 0 20px;}
			.healan a{display:inline-block;color:#fff;position:relative;font-size:13px;padding:0 10px;}
			.healan a:before{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;width:1px;height:16px;background:#fff;}
			.healan a:first-child:before{display:none;}

#menu{display:none;height: 129px; width: 130px; position: fixed; z-index: 10; left: 4%; top: 50%; transform: translateX(-50%) translateY(-50%); overflow: hidden;}
#menu ul{ position: relative; }
#menu ul li{ color: #777777; font-size: 12px; line-height: 25px; height: 25px; margin: 0 0 3px 0; float: left; width: 100%; cursor: pointer; position: relative; background:none; }
#menu ul li dd{ width: 25px; height: 1px; background: #fff; position: absolute; top: 12px; right: 75px; transition: width 0.3s,background 0.3s; }
#menu ul li a{ opacity:0; padding-left:60px; display:inline-block; font-size:12px;color:#fff;}
#menu ul li.active a{ opacity:1;}
#menu ul li.active dd{ width: 50px; background:#fff;}
#menu.on ul li dd{ background:#bbbbbb;}
#menu.on ul li.active dd{ background:#777;}
#menu.on ul li.active a{ color:#333;}

footer{background:#F5F5F5;background:#f9f9f9;}
footer.absolute{}
	.foo{overflow:hidden;padding:40px 20px;}
		.foonav{display:none;}
		.foocon{position:relative;}
			.foocon h3{font-size:17px;margin:0 0 20px;color: #002e69;}
			.foocon p{color:#787878;}
	.cop{text-align:center;border-top:1px solid #cdcdcd;}
		.coptel{padding:40px 20px 0;width: 100%;
            float: left;
            box-sizing: border-box;}
			.coptel h4{float:left;font-size:14px;line-height:54px;margin:0 20px 0 0;color: #002e69;font-weight:normal;}
			.coptel i{float:left;display:block;width:37px;height:54px;background:url(../images/icontel.png) no-repeat center center;margin:0 20px 0 0;}
			.coptel div{float:left;}
			.coptel span{display:block;font-size:20px;line-height:27px;}
		.copqrc{padding:20px;float: left;
            width: 100%;
            box-sizing: border-box;}
			.copqrc ul{display:flex;}
			.copqrc li{flex:1;}
			.copqrc li p{ color:#999}
			.copqrc li figure{padding:10px;}
			.copqrc li figure img{width:100%;}
		.copcon{padding:0 20px;}
		.coprig{padding:0 20px 20px; 
		/****margin-bottom:50px;****/
		}
		.coprig a{display:block}
		/*********side*************/
		.side{right: 0;
    bottom: 284px;}
		.side ul li{ display:none}
		.side ul li:last-child{display: block;
    border-radius: 100%;
    width: 50px;
    height: 50px;}
	.side ul li p {
    line-height: 50px;
}
	/****	.side {
    position: fixed;
    width: 100%;
    right: 0;
    bottom: 0;
    margin-top: 0;
    z-index: 100;
    border-bottom: 0;
    left: 0;
}

.side ul li {
    border-bottom: solid 1px #aed0f9;
    width: 25%; height:50px;
}
.side ul li p {
    line-height: 50px;
}
.side ul li p img {
    vertical-align: middle;
    height: 45px;
}
.side ul li.sideewm .ewBox.son {
    width: 150px;
    display: none; top:auto;  font-size:12px;
    color: #333;
    background: #fff;
    text-align: center;
    padding: 15px 5px;
    position: absolute;
       left: 50%;
    bottom: 55px;
    margin-left: -75px;
}
.side ul li.sidetel .telBox.son {
    width: 180px;
    text-align: left;
    font-size: 13px;
    display:none;
    color: #333;
    background: #fff;
    padding: 10px 5PX;
    line-height: 2;
    position: absolute;
    left: 0;
    top: auto;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    bottom: 55px;
}
	.side ul li:hover .son:before{
	display:none
		
	}	****/
}